<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <link rel="stylesheet" href="./index.css" />
    </head>
    <body>
        <div class="frame">
            <input type="checkbox" name="cb" id="cb-1" class="checkbox" />
            <label for="cb-1" class="label"></label>
            <div class="microphone">
                <svg width="100px" height="100px" viewBox="0 0 100 100">
                    <circle class="circle" cx="50" cy="50" r="47" />
                </svg>
                <div class="icon">
                    <div class="body">
                        <div class="fill"></div>
                    </div>
                    <div class="foot_v"></div>
                    <div class="foot_h"></div>
                </div>
                <div class="dots">
                    <div class="dot dot-1"></div>
                    <div class="dot dot-2"></div>
                    <div class="dot dot-3"></div>
                </div>
            </div>
        </div>
    </body>
</html>
